<template>
	<view class="container" >
		<view class="cu-card">
			<view class="reg_box">
				<view class="c_item" @click="navToUrl('/pages/help/aboutme')">
					<image src="@/static/images/ui-13/1.png"></image>
					<view class="item_contain">
						<view class="title">关于我们</view>
						<image src="@/static/images/ui-13/0.png" style="width: 40rpx;height: 40rpx"></image>
						<!-- <view class="mes">24h在线客服</view> -->
					</view>
					<!-- <view class="btn" @click="switchToUrl('/pages/chat/chat')">客服</view> -->
				</view>
			</view>
<!-- 			<view class="reg_box">
				<view class="reg_box_bg"></view>
				<view class="c_item" @click="navToUrl('/pages/help/detail?id=2')">
					<image src="../../static/icon_jhs.png"></image>
					<view class="item_contain">
						<view class="title">营业执照</view>
					</view>
				</view>
			</view> -->
			<view class="reg_box">
				<view class="c_item" @click="navToUrl('/pages/help/jihuashu')">
					<image src="@/static/images/ui-13/2.png"></image>
					<view class="item_contain">
						<view class="title">商业计划书</view>
						<image src="@/static/images/ui-13/0.png" style="width: 40rpx;height: 40rpx"></image>
					</view>
				</view>
			</view>
			<view class="reg_box">
				<view class="c_item" @click="navToUrl('/pages/help/detail?id=19')">
					<image src="@/static/images/ui-13/3.png"></image>
					<view class="item_contain">
						<view class="title">隐私政策</view>
						<image src="@/static/images/ui-13/0.png" style="width: 40rpx;height: 40rpx"></image>
					</view>
				</view>
			</view>
			<view class="reg_box">
				<view class="c_item" @click="navToUrl('/pages/help/detail?id=18')">
					<image src="@/static/images/ui-13/4.png"></image>
					<view class="item_contain">
						<view class="title">用户协议</view>
						<image src="@/static/images/ui-13/0.png" style="width: 40rpx;height: 40rpx"></image>
					</view>
				</view>
			</view>
<!-- 			<view class="reg_box">
				<view class="reg_box_bg"></view>
				<view class="c_item" @click="navToUrl('/pages/help/detail?id=37')">
					<image src="../../static/icon_notice.png"></image>
					<view class="item_contain">
						<view class="title">快速了解</view>
					</view>
				</view>
			</view>	 -->						
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				index: 0,
				phone: "",
				uniqid:"",
				time: this.helper.time,
				tele: '400-189-3558',
				wxcode: '123552113',
				server_time: '周一至周五 09:00—22:00'
			};
		},
		
		methods: {
			//拨打电话
			callPhone: function(){
				let tele = this.tele
				uni.makePhoneCall({
					phoneNumber: tele, // 电话号码
					success: function () {
						console.log('拨号成功');
					},
					fail: function () {
						console.log('拨号失败');
					}
				});
			},
			copyWx:function(){
				let wxcode = this.wxcode
				console.log('复制内容：',wxcode)
				uni.setClipboardData({
					data: wxcode,
					success: function () {
						uni.showToast({
							title: '已复制到剪切板',
							icon: 'success',
							duration: 2000
						});
					}
				});
			},
			// 链接
			navToUrl:function(url){
				uni.navigateTo({
					url: url,
				});	
			},
			switchToUrl:function(url){
				console.log('url:',url)
				uni.switchTab({
					url: url,
				});	
			},
		}
	}
</script>

<style lang="scss">
	page {
		background: #ddeafb;
	}
	.reg_box{
		width: 94vw;
		margin: 3vw;
		height: 15vw;
		padding: 3vw;
	  background: #ffffff;
		border-radius: 6px;
		position: relative;
		
		.reg_box_bg{
			position: absolute;
			width: 100%;
			height: 100%;
			left: 0;
			top: 0;
			background-color: #ffffff;
			border-radius: 10px;
			z-index: 1;
		}
		
		.c_item{
			display: flex;
			image{
				width: 10vw;
				height: 10vw;
			}
			.item_contain{
				flex: 1;
				height: 10vw;
				padding: 0 0 0 3vw;
				display: flex;
				justify-content: space-between;
				align-items: center;
				.title{
					font-size: 16px;
					line-height: 36px;
					color:#508eff;
					
				}
				.mes{
					font-size: 14px;
					line-height: 20px;
					color:#9BBFB2;
				}
			}
			.btn{
				width: 80px;
				height: 30px;
				line-height: 30px;
				font-size: 15px;
				color:#fff;
				background: linear-gradient( 180deg, #27EB9A 0%, #42C179 100%);
				border-radius: 15px;
				text-align: center;
				margin: 20px 0;
			}
		}
	}
	.higher_box{
		height: 40vw;
		
		.notice{
			padding: 3vw 6vw;
			color:#fff;
			font-size: 13px;
			position: absolute;
			left: 0;
			top: 24vw;
		}
	}
</style>
